Ajouter une carte au site de votre entreprise

Dans cet article, nous allons tenter de répondre au mieux à la question suivante :

Pourquoi ajouter une carte sur le site de votre entreprise ?

Ajouter une carte, dans quel but ?

Tout d’abord, une carte permet de montrer l’implantation à l’international d’une entreprise ou bien même à l’échelle nationale. Qu’il s’agisse de la présence de filiales à l’étranger ou de références clients, une carte permettra de gagner rapidement la confiance de vos visiteurs, qui pourront se rendre compte en un coup d’oeil que d’autres vous ont fait confiance avant eux.

Lorsqu’il s’agit de la présentation de vos succursales, il est important de faire apparaître le nom du pays ou le nom de la ville, et éventuellement quelques photos des bureaux ou des locaux, afin d'appuyer la présence de celle-ci sur la carte. Pour finir, au delà de l’aspect marketing, cette carte pourrait permettre à vos clients de vous trouver, proche de chez eux. En revanche, lorsqu’il s’agit de vos références clients, il sera très intéressant de faire apparaître leur nom, mais en priorité leurs logos puisque ceux-ci sont très parlants et vont accélérer la mise en confiance de vos visiteurs.

Voici quelques exemples concrets d’utilisation d’une carte pour vos références clients et succursales :

• Vous êtes un cabinet d’architecture et vous souhaitez donner un accès rapide à vos plus belles réalisations en France.
• Vous êtes un cabinet d’audit en sécurité des entreprises et vous voulez présenter vos références client à travers le monde.
• Vous louez du matériel spécifique et souhaitez montrer différents cas d’utilisation de ce matériel dans votre région.
• Vous proposez des services localisés et souhaitez indiquer à vos clients les villes dans lesquelles ces services sont disponibles
• Vous êtes un réseau d’agences immobilières et vous avez besoin que vous clients vous trouvent rapidement.

Il existe aussi des cas d’utilisation d’une mappemonde, qui sont plus axés sur l’aspect humanitaire de votre entreprise. Vous pouvez par exemple faire l’intégration d’une carte des voyages et séminaires de votre entreprise. Sur ce planisphère, vous pourrez par exemple placer des marqueurs correspondant à chacun des voyages effectués par les membres de votre entreprise, ainsi que les photos de ces voyages. Une telle carte permet à vos visiteurs de constater que votre équipe est chaleureuse et que l’humanité fait partie de vos valeurs, permettant ainsi d’améliorer les premiers contacts.
Notez que si vous avez des collaborateurs, ou des salariés travaillant à distance, à travers le monde ou dispersés dans un pays, afficher leur localisation peut être favorable pour montrer que vous faites confiance à ces derniers, confiance qui sera alors transmise à vos client. De plus, la mappemonde permettra de montrer votre proximité avec ceux-ci.

• Vous travaillez dans une PME, vous voyagez pour les affaires mais en profitez pour visiter, vous pouvez donc tirer parti de la situation en communiquant via une carte de vos aventures à l’étranger
• Votre entreprise emploie une partie de son effectif en télétravail et à plein temps, une carte des salariés peut s’avérer utile pour ne pas se perdre de vue. Une telle carte facilitera l’accueil des nouveaux arrivants !
• Vous travaillez dans le secteur de l’informatique, votre entreprise envoie ses salariés en formation et en conférence, il est envisageable de les répertorier sur un planisphère pour ne pas oublier toute l’expérience accumulée.

Quels sont les différents critères à prendre en compte ?

Maintenant que nous avons listé toute une panoplie de raisons pour lesquelles intégrer une carte sur votre site web, voyons les critères que celle-ci devra respecter. En effet, il est nécessaire que l'outil utilisé pour créer et afficher la carte propose certaines fonctionnalités afin que celle-ci s’intègre parfaitement dans votre site web et qu'elle permette d'améliorer l'expérience utilisateur, et non pas la régresser.

Les cas d’utilisation vus dans la partie précédente nous guident sur les besoins de nos cartes. Le premier pré-requis, évident mais qu’il est important de rappeler, est l’ajout de points sur celle-ci. En effet, si vous choisissez une technologie qui n’est pas basée autour de l’affichage de marqueurs, vous allez très vite vous arracher les cheveux à obtenir un résultat satisfaisant.
Il en va de même pour la coloration des pays : certaines utilisations de la carte, comme l’ajout des pays dans lesquels votre entreprise est implantée, nécessiteront de pouvoir colorer un pays pour le faire ressortir, ce qui est complexe, voire impossible si votre outil ne le permet pas nativement.
Le second besoin concerne la facilité à éditer la carte. Celle-ci étant a priori en mouvement constant (puisque vous aurez de nouvelles références, de nouvelles filiales ou de nouveaux voyages), il est primordial que vous soyez en mesure d’ajouter de nouveaux marqueurs sur cette carte en moins de cinq minutes. Si l’ajout d’un point devait prendre trop de temps, il est fortement probable que la carte ne soit pas maintenue à jour.

Carte de Tesla indiquant en Rouge les magasins et en Gris les SuperChargeurs

Quelle que soit la manière dont vous utiliserez la mappemonde sur votre site web, il est nécessaire que celle-ci soit en harmonie avec votre image de marque. En d’autres termes, le minimum nécessaire est de pouvoir adapter les couleurs des pays et des marqueurs aux couleurs de votre charte graphique. Si possible, il serait aussi intéressant de pouvoir adapter le fond de carte afin que celui-ci s’intègre à votre site de manière plus esthétique.

Au delà des pré-requis précédents, d’autres fonctionnalités de votre futur outil de cartographie peuvent faire la différence, passant votre carte d’une carte simplement consultée, d’un coup d’oeil, à une carte navigable, interactive et adoptée par le visiteur: Ce sont les fonctionnalité de navigation.

Une bonne navigation, sur une carte, c’est le fait de pouvoir se déplacer d’une position à une autre aisément, en effectuant le moins d’actions possibles. Pour mieux comprendre voici un exemple assez standard de mauvaise pratique :

Parfois il est nécessaire de cliquer une dizaine de fois sur un bouton pour se rendre au niveau de zoom suffisant pour voir la position d'un point d'intérêt. Cette action est très coûteuse et l'utilisateur ne l'effectuera qu'une ou deux fois avant de quitter la carte. Pour éviter ça il est possible d'activer le zoom via la molette de la souris ou le raccourcis "CTRL + molette" (pour éviter de perturber le scroll de l'utilisateur sur le site). De plus, si certains marqueurs sont trop proches, il est possible de les regrouper pour donner de la lisibilité. Pour finir, il serait utile de pouvoir aller sur deux marqueurs qui sont groupés en cliquant sur le marqueur de groupement.

La dernière option qui paraît être un plus, mais qui se révèle être un véritable atout, c'est le partage d'images sur la carte, qui va permettre d'attirer le visiteur et de donner plus de vie à la carte. Ces images peuvent être des logos des entreprises avec lesquelles vous travaillez, des photographies prises lors de vos voyages professionnels et séminaires, des photos de vos filiales et succursales, ou encore des photos de vos plus belles réalisations en tant qu'entreprise. Au risque de me répéter, je souligne le fait qu'il est important que les images soient accessibles facilement.

Voici un exemple de ce que peut produire une intégration d'image sur une carte. Allez sur le site web du BearStudio pour voir comment fonctionne l'intégration d'image sur une carte.

TraveledMap de l'entreprise BearStudio

Différentes solutions possibles

Maintenant que nous avons vu pourquoi créer une carte du monde sur le site de votre entreprise, et tout ce qu'elle pourra contenir, voyons quelles solutions s'offrent à vous dans cette troisième et dernière partie.

Vous avez en effet la possibilité de développer par vous même votre propre carte. Vous allez pouvoir utiliser des outils de cartographie comme Mapbox ou encore Google qui vont vous permettre d'afficher une cartographie sur votre site web. Il faudra tout d'abord installer un SDK (kit d'aide au développement) de l'outil choisi avant de commencer à développer.

Attention ! Cette solution n'est certainement pas la plus adaptée pour des développeurs inexpérimentés car elle peut être très chronophage et difficile. En revanche, si vous êtes développeur, que vous avez du temps devant vous et que vous souhaitez pousser les fonctionnalités des services de cartographie au maximum, c'est une très bonne solution.

Vous pouvez également créer votre carte via un logiciel de photomontage comme Photoshop. Il suffit simplement de prendre un fond de carte libre de droits sur internet et d'y ajouter les villes où se localisent vos différents bâtiments. Vous pouvez également ajouter des zones cliquables sur l'image, avec lesquelles l'utilisateur pourra intéragir pour être redirigé vers différentes sections de votre site web. Créer sa carte via un logiciel de photomontage peut produire des résultats magnifiques mais demande des connaissances pour la manipulation de ces logiciels parfois très complexes.

Il existe un service proposé par Google, nommé GoogleMyMaps, qui permet de créer des cartes rapidement en y ajoutant des marqueurs pouvant représenter différentes choses (restaurants, bureaux, espaces de loisir...). GoogleMyMap permet également d'intégrer simplement cette carte sur votre site web via un élément iframe.

Exemple de la NASA utilisant GoogleMyMaps pour localiser ses centres

La dernière solution que j'ai à vous proposer est celle que j'ai créée et qui est, selon moi, la plus simple d'utilisation et la plus facile à intégrer sur votre site. Il s'agit de TraveledMap.
En tant que développeur, j'ai créée cette solution afin de répondre aux différents critères que j'ai pu vous citer auparavant.
Avec TraveledMap j'ai entrepris de laisser aux utilisateurs la possibilité de créer des cartes entièrement personalisables et facilement intégrables aux différents sites web. Il est possible de modifier le fond de carte, la couleur, l'icône et la taille des marqueurs individuellement, de choisir un zoom et un centrage par défaut, de l'étendre en plein écran, etc. Le résultat final permet d'inclure facilement la carte sur son site, chaque marqueur peut diriger sur une section du site web à l'aide d'intéraction simples, et même si vous le souhaitez, contenir les photos de voyages réalisés par les membres de votre entreprise.
Vous pouvez comparer les options présentées sur TraveledMap et les autres solutions présentées ci-dessus, en allant lire l'article sur la création de carte.